import React, { Component } from 'react'
import { Outlet, NavLink } from 'react-router-dom'
import { Tabbar } from 'react-vant';
import { FriendsO, HomeO, Search, SettingO } from '@react-vant/icons';
export class Index extends Component {
  render() {
    return (
      <div>
        <div>
          <Outlet></Outlet>
        </div>
        <div>
          <Tabbar>
            <Tabbar.Item icon={<HomeO />}>
              <NavLink to="/index/shou">首页</NavLink>
            </Tabbar.Item>
            <Tabbar.Item icon={<Search />}>
              <NavLink to="/index/car">分类</NavLink>
            </Tabbar.Item>
            <Tabbar.Item icon={<SettingO />}>
              <NavLink to="/index/my">我的</NavLink>
            </Tabbar.Item>
          </Tabbar>
        </div>
      </div>
    )
  }
}

export default Index